<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>电影</title>
		<style type="text/css">
			.one,.two{
				display: inline-block;
			}
			.one{
				margin-left:10px ;
				vertical-align: top;				
			}
			.two{				
				color: red;
			}
			#big{
				width: 700px;
				height:600px;
			}
			a{
				text-decoration: none;
				color: #269c9d;
			}
			span {
				font-size: 20px;
			}
			p{
				margin: 10px;
			}
			.three{
				color: red;
			}
		</style>
	</head>
	<body>
	  <div id="big">
		<div><img src="image/movice1.jpg"/>
		<div class="one" style="vertical-align: top;">
			   <div class="one" > 
			         <span><strong>环太平洋</strong></span> 
			         <div class="two" style="margin-left: 350px;">
			        <p >468人评论</p>
			        </div>
			   </div>		
		<p><a href="#">#环太平洋##环太平洋</a>对影建筑物倒塌、核弹攻击城市、外星人入侵<a href="#" class="three">[详细]</a></p>
		<p><img src="image/man.jpg" />欧美电影</p>
		 </div>
		</div>
		<div><img src="image/movice2.jpg" />
		<div class="one">
			 <div class="one" > 
			         <span><strong>速度与激情6</strong></span> 
			         <div class="two" style="margin-left: 320px;">
			        <p >783人评论</p>
			        </div>
			   </div>		
			<p>【杰森·斯坦森确定加盟<a href="#">#速#</a>】斯坦森饰演第六部大反派欧文·肖..<a href="#" class="three">[详细]</a></p>
		    <p><img src="image/man.jpg" />热映推荐</p>
		</div>
			</div>	
		 <div>
		 	<img src="image/movice3.jpg" />
		 	<div class="one">
		 		  <div class="one" > 
			         <span><strong>青春派</strong></span> 
			         <div class="two" style="margin-left: 380px;">
			        <p >97人评论</p>
			        </div>
			   </div>		
		 		 <p>《青春派》预告片“零差评”其逆增长<a href="#" class="three">[详细]</a></p>
		 		 <p><img src="image/man.jpg" />电影预告</p>
		 	</div>
		 </div>
	 </div>	
	</body>
</html>
